<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

      
<body>
 <ui:composition template="/templates/Plantilla.xhtml">
  <ui:define name="content">
   <h:form class="form">
	<h3> Nuevo Producto</h3>
	<p:separator/>
	<p:panel>
		<p:messages/>
		<h:panelGrid columns="2" style="width:30%;">
	        <h:outputText value="NOMBRE: *"/>
			<p:inputText required="true" autocomplete="off"
			value = "#{productoCreate.producto.nombre}" label = "Nombre" style="width:100%;"/>
			
			<h:outputText value="PRECIO: *"/>
			<p:inputText required="true" label = "Precio" style="width:50%;"
			value = "#{productoCreate.producto.precio}"/>
			
			<h:outputText value="TIPO DE PRODUCTO: *" />
			<p:selectOneMenu value="#{productoCreate.producto.tipoProducto.tipoProductoId}" effect="fade" required="true" label="Tipo de Cliente" style="width:100%;">
				<f:selectItem itemLabel="Seleccione un tipo de Proucto..." itemValue="" />
				<f:selectItems value="#{productoCreate.tiposDeProductos}" var="tipoProducto" itemLabel="#{tipoProducto.nombre}" itemValue="#{tipoProducto.tipoProductoId}"></f:selectItems>
			</p:selectOneMenu>
					
			<h:outputText value="DESCRIPCION:"/>
			<p:inputText value = "#{productoCreate.producto.descripcion}" style="width:100%;"/>
				
		</h:panelGrid>
			
	</p:panel>
	<p:panel style="text-align: center">
		<p:commandButton value="Guardar" action = "#{productoCreate.createProducto(productoCreate.producto)}" ajax="false"
			icon="ui-icon-disk" title="Guardar Producto"/>
		<p:commandButton value="Cancelar" action = "#{productoCreate.cancelarCreate}" ajax="false" immediate = "true"
			icon="ui-icon-close" title="Salir"/>	
	</p:panel>
	</h:form>	
</ui:define>
</ui:composition>
</body>

</html>